/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

.color-picker {
  width: 380px;
  max-width: 100%;
  margin: 1.1875rem auto .25rem;
  user-select: none;

  @include respond-to(handhelds) {
    padding: 0 .75rem;
  }

  &-box {
    width: 100%;
    height: 198px;
  }
  
  &-box,
  &-color-slider,
  &-dragger {
    overflow: visible !important;
  }

  &-sliders {
    margin: 1rem 0 1.125rem;
  }

  &-dragger {
    cursor: grab;
  }

  &-inputs {
    display: flex;

    .input-field {
      flex: 1 1 auto;

      &:not(:first-child) {
        margin-left: 1.25rem;
      }
    }
  }
}
